<template>
  <div class="test-container">
    <h1>测试页面</h1>
    <p>这是一个测试页面，用于验证 MainLayout 组件是否正常工作。</p>
    <div class="test-content">
      <a-card title="测试卡片" style="width: 300px;">
        <p>如果你能看到这个卡片，说明 MainLayout 组件工作正常。</p>
        <a-button type="primary">测试按钮</a-button>
      </a-card>
    </div>
  </div>
</template>

<script setup>
// 无需额外的脚本
</script>

<style scoped>
.test-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.test-content {
  margin-top: 20px;
}
</style>
